<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>详情页</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">

    <link rel="stylesheet" href="../../assets/css/amazeui.min.css">
    <link rel="stylesheet" href="../../assets/css/style.css?v=2.3">
    <link rel="stylesheet" href="../../assets/css/index.css?v=2.3">
</head>
<body class="bg-gray">
<header data-am-widget="header" class="am-header am-header-default am-header-fixed am-border-bottom">
    <div class="am-header-left am-header-nav">
        <a onclick="history.go(-1)">  <i class="icon_8"></i>
        </a>
    </div>
    <h1 class="am-header-title">
        专业少儿钢琴班
    </h1>

</header>
<section class="am-padding-bottom-sm" id="amz-main" data-tag="css-nav">
    <div class=""><img class="width-100" src="../../assets/images/upload/icon_33.jpg"></div>
    <div></div>
    <div class="bg-white am-padding-top-sm am-padding-bottom-xs">
        <!-- 培训信息-->
        <div class="icon_26 am-text-center font-color-12 ">
            培训信息
        </div>
        <div class=" bg-gray am-margin-left-sm am-margin-right-sm am-margin-top-sm">
            <div class="am-g am-g-fixed  am-padding-top-sm border-1">

                <div class=" am-u-sm-12 am-list-main box am-padding-bottom-sm">
                    <div class="width-60px">
                        <a class="">
                            <img class="img-50" src="../../assets/images/upload/pic.png"/>
                        </a>
                        <i class="icon_12"></i>
                    </div>
                    <div class="box-1">
                        <div class="am-list-item-hd font-color-13 font-15">
                            <span>主讲：</span><span>李星星</span>
                        </div>

                        <div class="font-15  font-color-13 margin-top-3">
                            <span>培训方向：</span><span>情绪管理</span>
                        </div>
                    </div>
                </div>
                <div class="am-u-sm-12  font-15 ">
                    <div class="border-tops font-color-13  am-padding-top-sm am-padding-bottom-sm box">
                        <div class="width-60px"><i class="icon_28"></i></div>
                        <div class="box-1"><span>人数上限：</span><span>100</span><span class="font-color-16">(已报99)</span>
                        </div>
                    </div>

                </div>
                <div class="am-u-sm-12  font-15">
                    <div class="border-tops font-color-13  am-padding-top-sm am-padding-bottom-sm box">
                        <div class="width-60px"><i class="icon_29"></i></div>
                        <div class="box-1"><span>培训时间：2015-08-08 -- 2015-08-08</span></div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 培训内容-->
        <div class="icon_26 am-text-center font-color-12 margin-top-15 ">
            培训内容
        </div>
        <div class="am-padding-bottom-sm">
            <div class="am-padding-sm am-margin-top-xs">
                <img class="width-100" src="../../assets/images/upload/icon_30.jpg"/>
            </div>
            <div class="am-container font-color-13 font-14">
                目击者应如何消除心理阴影？“电梯吃人”事件后，目击者应如何消除心理阴影？“电梯吃人”事件后，目击者应如何消除心理阴影？“电梯吃人”事件后，目击者应如何消除心理阴影？
            </div>
        </div>


        <!--培训评价-->
        <div class="icon_24 am-text-center font-color-15">
            培训评价（共100条评价）
        </div>
        <div class="mark_list">

            <div class="am-list-news am-list-news-default ">

                <div class="am-list-news-bd am-margin-left-sm am-margin-right-sm">
                    <ul class="am-list">
                        <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">

                            <div class=" am-u-sm-12 am-list-main font-14 box">

                                <div class="width-60px">
                                    <a class="">
                                        <img class="img-50" src="../../assets/images/upload/icon_36.png"/>
                                    </a>
                                </div>
                                <div class="box-1 margin-top-5">
                                    <h3 class="am-list-item-hd font-color-main">
                                        <div class="am-g am-g-collapse">
                                            <div class="am-u-sm-8"><span
                                                    class="font-color-13 font-15 font-bold">小明</span>
                                            </div>
                                            <div class="am-u-sm-4 font-color-16  padding-top-2pxs am-text-right">
                                                2015-09-08
                                            </div>
                                        </div>
                                    </h3>
                                    <div class="font-14 font-color-13 ">
                                        <span class="am-fl font-color-15">评分：</span>
                                        <i class="star-cur"></i>
                                        <i class="star-cur"></i>
                                        <i class="star-cur"></i>
                                        <i class="star-cur"></i>
                                        <i class="star-cur"></i>
                                    </div>

                                </div>

                            </div>
                            <div class=" am-u-sm-12 am-list-main font-14 font-color-15 am-margin-top-xs">
                                很不错也，又要攒钱入手这款了很不错也，又要攒钱入手这款了！
                            </div>
                        </li>
                        <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">

                            <div class=" am-u-sm-12 am-list-main font-14 box">

                                <div class="width-60px">
                                    <a class="">
                                        <img class="img-50" src="../../assets/images/upload/icon_36.png"/>
                                    </a>
                                </div>
                                <div class="box-1 margin-top-5">
                                    <h3 class="am-list-item-hd font-color-main">
                                        <div class="am-g am-g-collapse">
                                            <div class="am-u-sm-8"><span
                                                    class="font-color-13 font-15 font-bold">小明</span>
                                            </div>
                                            <div class="am-u-sm-4 font-color-16  padding-top-2pxs am-text-right">
                                                2015-09-08
                                            </div>
                                        </div>
                                    </h3>
                                    <div class="font-14 font-color-13 ">
                                        <span class="am-fl font-color-15">评分：</span>
                                        <i class="star-cur"></i>
                                        <i class="star-cur"></i>
                                        <i class="star-cur"></i>
                                        <i class="star-cur"></i>
                                        <i class="star"></i>
                                    </div>

                                </div>

                            </div>
                            <div class=" am-u-sm-12 am-list-main font-14 font-color-15 am-margin-top-xs">
                                很不错也，又要攒钱入手这款了很不错也，又要攒钱入手这款了！
                            </div>
                        </li>
                        <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">

                            <div class=" am-u-sm-12 am-list-main font-14 box">

                                <div class="width-60px">
                                    <a class="">
                                        <img class="img-50" src="../../assets/images/upload/icon_36.png"/>
                                    </a>
                                </div>
                                <div class="box-1 margin-top-5">
                                    <h3 class="am-list-item-hd font-color-main">
                                        <div class="am-g am-g-collapse">
                                            <div class="am-u-sm-8"><span
                                                    class="font-color-13 font-15 font-bold">小明</span>
                                            </div>
                                            <div class="am-u-sm-4 font-color-16  padding-top-2pxs am-text-right">
                                                2015-09-08
                                            </div>
                                        </div>
                                    </h3>
                                    <div class="font-14 font-color-13 ">
                                        <span class="am-fl font-color-15">评分：</span>
                                        <i class="star-cur"></i>
                                        <i class="star-cur"></i>
                                        <i class="star-cur"></i>
                                        <i class="star-cur"></i>
                                        <i class="star"></i>
                                    </div>

                                </div>

                            </div>
                            <div class=" am-u-sm-12 am-list-main font-14 font-color-15 am-margin-top-xs">
                                很不错也，又要攒钱入手这款了很不错也，又要攒钱入手这款了！
                            </div>
                        </li>

                    </ul>
                </div>

            </div>
            <div class="font-color-12 am-text-center am-container">
                <div class="border-tops width-100 am-margin-top-xs am-padding-top-xs">全部评价</div>
            </div>

            <!--<div class="icon_55"></div>-->
            <!--<div class="am-text-center font-14 font-color-15">暂无评论，快点击评论按钮，抢沙发吧！</div>-->
        </div>
    </div>


</section>

<footer data-am-widget="navbar" class="am-navbar am-cf am-navbar-default bg-white"
        id="">
    <div class="am-g   am-g-collapse am-padding-left-sm">
        <div class="am-u-sm-4 font-color-1 am-padding-right-sm" id="shouchang">
            <div class="btn-4"><span class="prelative"><i class="icon_48"></i>收藏</span></div>
        </div>
        <div class="am-u-sm-8 am-padding-right-sm">
            <div class="btn-5"><span class="">立即报名</span></div>
        </div>
    </div>

</footer>

<div class="am-modal am-modal-prompt" tabindex="-1" id="my-prompt">
    <div class="am-modal-dialog">
        <div class="am-modal-hd">评论</div>
        <div class="am-modal-bd">
            <textarea rows="3" class="mark_content">
            </textarea>
        </div>
        <div class="am-modal-footer">
            <span class="am-modal-btn" data-am-modal-cancel>取消</span>
            <span class="am-modal-btn" data-am-modal-confirm>提交</span>
        </div>
    </div>
</div>

<script src="../../assets/js/jquery.min.js"></script>
<script src="../../assets/js/amazeui.min.js"></script>
<script>
    $(function () {
        $('#btnmark').on('click', function () {
            $('#my-prompt').modal({
                relatedTarget: this,
                onConfirm: function (e) {
                    alert('你输入的是：' + e.data || '')
                },
                onCancel: function (e) {
//                    alert('不想说!');
                }
            });
        });

        $("#shouchang").on('click', function () {
            if ($(this).find("i.icon_48").hasClass("cur")) {
                $(this).find("i.icon_48").removeClass("cur");
            } else {
                $(this).find("i.icon_48").addClass("cur");
            }
        });
    });
</script>
</body>
</html>